<template>
  <div style="margin-left:.2rem">
      <div class="up" :style="status==0?getColor(1):''"></div>
      <div class="down" :style="status==1?getColor(2):''"></div>
  </div>
</template>
<script>
import {setStore,getStore} from '../../../../config/mUtils.js'
import {getSort} from '../../../../service/getData.js'

export default {
  components:{
    },
  created(){
    // setStore('yearSort',2)
    // setStore('timeSort',2)
    // setStore('backSort',2)
  },
  data(){
    return {//2默念排序 1降序 0升序
      status:2
      // yearSort:2,
      // timeSort:2,
      // backSort:2
    }
  },
  props:['status1'],
  watch:{
    status1(){
      this.status = this.status1
    }
  },
  methods:{
    getColor(type){
      switch(type){
        case 1:
          return 'borderBottomColor:#e44c2c'
        break;
        case 2:
          return 'borderTopColor:#e44c2c'
        break;
      }
    }
  },
  computed:{
  }
}
</script>
<style lang="less">
  .up{
    border: .12rem solid #000;
    border-top: .12rem solid transparent;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
  }
  .down{
    border: .12rem solid #000;
    border-bottom: .12rem solid transparent;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    margin-top: .08rem;
  }
  .redUp{
    border-bottom-color:#e44c2c;
  }
  .redDown{
    border-top-color: #e44c2c;
  }
</style>
